<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"
	contentType="text/html; charset=utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
<head>
<title>驴友网-注册</title>

<meta name="keywords" content="keyword1,keyword2,keyword3">
<meta name="description" content="this is my page">
<meta name="content-type" content="text/html; charset=UTF-8">

<link rel="stylesheet" type="text/css" href="Css/bootstrap.css">
<script type="text/javascript" src="Js/jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="Js/gVerify.js"></script>

<style type="text/css">
body {
	background-size: 100%;
	background-image: url(image/register.jpg);
}
</style>
<script type="text/javascript" src="Js/register.js"></script>
</head>

<body>
	<div class="container">
		<div class="row" style="margin:20px;">
			<div class="col-md-8">
				<a href="" style="color:red;font-size:20px;">回到主页</a> <span>|</span>
				<span style="font-size:20px;">注册驴友网账号</span>
			</div>
			<div class="col-md-4">
				<span class="span">我已有账号,现在就</span> <a href="login.jsp"
					class="btn btn-default">登录</a>
			</div>
		</div>
		<hr />

		<br /> <br /> <br />

		<form class="form-horizontal"
			action="<c:url value='/insertInfoServlet'/>" method="post">
			<div class="row">
				<div class="col-md-6">
					<div class="form-group">
						<label for="inputusername" class="col-sm-2 control-label">用户名</label>
						<div class="col-sm-10">
							<input type="text" class="form-control input-lg" name="username"
								id="inputusername" placeholder="Username" required="required">
						</div>
					</div>
				</div>
				<div class="col-md-6">
					<span style="color:red;font-size:20px;" id="eu"> </span>
				</div>
			</div>
			<div class="row">
				<div class="col-md-6">
					<div class="form-group">
						<label for="inputmail" class="col-sm-2 control-label">邮箱</label>
						<div class="col-sm-10">
							<input type="text" class="form-control input-lg" id="inputmail"
								name="mail" placeholder="Mail" required="required">
						</div>
					</div>
				</div>
				<div class="col-md-6">
					<span style="color:red;" id="sm"></span>
				</div>
			</div>
			<div class="row">
				<div class="col-md-6">
					<div class="form-group">
						<label for="inputphone" class="col-sm-2 control-label">电话</label>
						<div class="col-sm-10">
							<input type="text" class="form-control input-lg" id="inputPhone"
								name="phone" placeholder="phone" required="required">
						</div>
					</div>
				</div>
				<div class="col-md-6">
					<span style="color:red;" id="sp"> </span>
				</div>
			</div>
			<div class="row">
				<div class="col-md-6">
					<div class="form-group">
						<label for="inputpassword" class="col-sm-2 control-label">密码</label>
						<div class="col-sm-10">
							<input type="password" class="form-control input-lg"
								name="password" id="inputpassword" placeholder="Password"
								required="required">
						</div>
					</div>
				</div>
			</div>

			<div class="row">
				<div class="col-md-6">
					<div class="form-group">
						<label for="inputautocode" class="col-sm-2 control-label">验证码</label>
						<div class="col-sm-5">
							<input type="text" class="form-control input-lg" name="code"
								id="inputautocode" placeholder="auto code" required="required">
						</div>
						<div class="col-sm-5">
							<div id="v_container" style="width: 150px;height: 45px;"></div>
						</div>
						<script>
							var verifyCode = new GVerify("v_container");
						
						</script>
					</div>
				</div>
				<div class="col-md-6">
					<span style="color:red;" id="sc"> </span>
				</div>
			</div>
			<br />

			<div class="row">
				<div class="col-md-6">
					<div class="form-group">
						<div class="col-sm-offset-2 col-sm-10">
							<input type="submit" class="btn btn-primary btn-lg btn-block"
								value="注册" onclick="return checkMessage();" />
						</div>
					</div>
				</div>
			</div>
		</form>
	</div>
</body>
</html>
